@charset "utf-8";
* {
	margin: 0px; padding: 0px;
}
body {
	font: 14px/28px "Microsoft YaHei", Tahoma, Helvetica, Arial; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal;
}
a {
	color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
	color: rgb(255, 102, 0); text-decoration: underline;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
strong {
	font-size: 12px; font-style: normal; font-weight: normal;
}
em {
	font-size: 12px; font-style: normal; font-weight: normal;
}
b {
	font-size: 12px; font-style: normal; font-weight: normal;
}
i {
	font-size: 12px; font-style: normal; font-weight: normal;
}
font {
	font-size: 12px; font-style: normal; font-weight: normal;
}
h1 {
	font-size: 14px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 14px;
}
a {
	color: rgb(102, 102, 102); text-decoration: none;
}
a:visited {
	color: rgb(102, 102, 102); text-decoration: none;
}
a:hover {
	color: rgb(255, 51, 0);
}
a {
	
}
input {
	
}
img {
	border: 0px currentColor;
}
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.t2em {
	text-indent: 2em;
}
.pr {
	position: relative;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix::after {
	height: 0px; line-height: 0; clear: both; font-size: 0px; display: block; visibility: hidden; content: ".";
}
.clearfix {
	zoom: 1;
}
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.mt5 {
	margin-top: 5px;
}
.mr5 {
	margin-right: 5px;
}
.mb5 {
	margin-bottom: 5px;
}
.ml5 {
	margin-left: 5px;
}
.mtb5 {
	margin-top: 5px; margin-bottom: 5px;
}
.mlr5 {
	margin-right: 5px; margin-left: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.ml10 {
	margin-left: 10px;
}
.mtb10 {
	margin-top: 10px; margin-bottom: 10px;
}
.mlr10 {
	margin-right: 10px; margin-left: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mr15 {
	margin-right: 15px;
}
.mb15 {
	margin-bottom: 15px;
}
.ml15 {
	margin-left: 15px;
}
.mtb15 {
	margin-top: 15px; margin-bottom: 15px;
}
.mlr15 {
	margin-right: 15px; margin-left: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mr20 {
	margin-right: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.ml20 {
	margin-left: 20px;
}
.mtb20 {
	margin-top: 20px; margin-bottom: 20px;
}
.mlr20 {
	margin-right: 20px; margin-left: 20px;
}
.mtb30 {
	margin-top: 30px; margin-bottom: 30px;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.ptb20 {
	padding-top: 20px; padding-bottom: 20px;
}
.w150 {
	width: 150px;
}
.w200 {
	width: 200px;
}
.w300 {
	width: 300px;
}
.w330 {
	width: 330px;
}
.w400 {
	width: 400px;
}
.w410 {
	width: 410px;
}
.w680 {
	width: 680px;
}
.h150 {
	height: 150px;
}
.wp {
	width: 1000px; margin-right: auto; margin-left: auto;
}
.ui-input {
	border-width: 1px; border-style: solid; border-color: rgb(185, 185, 185) rgb(222, 222, 222) rgb(222, 222, 222) rgb(185, 185, 185); padding: 2px 5px; vertical-align: middle;
}
.ui-txt {
	border-width: 1px; border-style: solid; border-color: rgb(185, 185, 185) rgb(222, 222, 222) rgb(222, 222, 222) rgb(185, 185, 185); padding: 2px 5px; vertical-align: middle;
}
.ui-select {
	border-width: 1px; border-style: solid; border-color: rgb(185, 185, 185) rgb(222, 222, 222) rgb(222, 222, 222) rgb(185, 185, 185); padding: 2px 5px; vertical-align: middle;
}
.ui-input-a {
	height: 22px; line-height: 22px;
}
.ui-txt {
	line-height: 1.8;
}
.ui-btn {
	border-radius: 2px; border: 1px solid rgb(168, 173, 182); height: auto; font-size: 12px; display: inline-block; cursor: pointer;
}
.ui-btn-a {
	padding: 6px 25px; border: 1px solid rgb(99, 107, 143); color: rgb(255, 255, 255); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6b2cc',endColorstr='#636b8f'); background-color: rgb(140, 149, 180);
}
.ui-btn-a:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d98b2',endColorstr='#4c546d');
}
.ui-btn-b {
	padding: 3px 15px; border: 1px solid rgb(168, 173, 182); color: rgb(51, 51, 51); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f4f4f4'); background-color: rgb(250, 250, 250);
}
.ui-btn-b:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd');
}
.btn-c {
	background: url("btn.jpg") no-repeat; font: bold 16px/55px "Microsoft YaHei"; border: 0px currentColor; width: 167px; height: 55px; color: rgb(255, 255, 255); cursor: pointer; font-size-adjust: none; font-stretch: normal;
}
.btn-c:hover {
	background: url("btn.jpg") no-repeat 0px -55px;
}
.ui-select {
	padding: 2px 3px; height: 26px; line-height: 26px;
}
.ui-select > optgroup {
	padding-left: 5px; font-style: normal;
}
.ui-select > option {
	padding-left: 5px; font-style: normal;
}
.ui-select optgroup option {
	padding-left: 0px;
}
.box-a {
	
}
.box-a .title {
	background: url("tit.jpg") no-repeat left; font: bold 15px/40px "Microsoft YaHei"; height: 40px; padding-left: 20px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; position: relative; font-size-adjust: none; font-stretch: normal;
}
.box-a .title .more {
	font: 12px/40px "Microsoft YaHei"; right: 0px; color: rgb(153, 153, 153); position: absolute; font-size-adjust: none; font-stretch: normal;
}
.box-a .title .more:hover {
	color: rgb(255, 51, 0); text-decoration: none;
}
.box-a li {
	background: url("dot.jpg") no-repeat left; line-height: 30px; padding-left: 15px; position: relative;
}
.box-a li i {
	right: 0px; color: rgb(204, 204, 204); position: absolute;
}
.box-c {
	border: 1px solid rgb(220, 220, 220);
}
.box-c .title {
	background: url("icon_tit_a.png") no-repeat 20px rgb(234, 234, 234); font: 18px/50px "Microsoft YaHei"; height: 50px; color: rgb(51, 51, 51); padding-left: 50px; font-size-adjust: none; font-stretch: normal;
}
.box-c ul {
	background: rgb(248, 248, 248);
}
.box-c li a {
	display: block;
}
.box-c li a span {
	display: block;
}
.box-c li a {
	padding: 0px 25px 0px 40px; color: rgb(90, 90, 90);
}
.box-c li a:hover {
	background: rgb(228, 109, 112); color: rgb(255, 255, 255); text-decoration: none;
}
.box-c li.curr a {
	background: rgb(228, 109, 112); color: rgb(255, 255, 255); text-decoration: none;
}
.box-c li span {
	font: 14px/39px "Microsoft YaHei"; height: 39px; padding-left: 10px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; position: relative; font-size-adjust: none; font-stretch: normal;
}
.box-c li a:hover span {
	border: currentColor; height: 40px;
}
.box-c li:last-child span {
	border: currentColor; height: 40px;
}
.box-c li.curr span {
	border: currentColor; height: 40px;
}
.box-c li span i {
	right: 0px; font-family: simsun; position: absolute;
}
.box-d .title {
	font: bold 16px/24px "Microsoft YaHei"; height: 30px; border-bottom-color: rgb(210, 212, 213); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
.box-d .info {
	color: rgb(102, 102, 102); line-height: 1.8; padding-top: 5px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;
}
.box-e .title {
	font: 22px/1.6 "Microsoft YaHei"; padding: 30px 15px 15px; font-size-adjust: none; font-stretch: normal;
}
.box-e .outer {
	padding: 0px 10px 50px; color: rgb(63, 63, 63); font-size: 14px;
}
.header {
	
}
.header .t {
	height: 100px;
}
.header .serv {
	width: 350px; text-align: right; color: rgb(204, 204, 204); line-height: 100px;
}
.header .serv i {
	font: bold 20px/100px Arial; color: rgb(255, 102, 0); font-size-adjust: none; font-stretch: normal;
}
.header .serv a {
	background: rgb(3, 178, 24); padding: 6px 10px; border: 1px solid rgb(3, 153, 21); color: rgb(255, 255, 255); font-weight: bold;
}
.header .serv a:hover {
	text-decoration: none;
}
.logo {
	background: url("logo.jpg") no-repeat left; width: 650px; height: 90px; display: block;
}
.banner {
	background: url("banner.jpg") no-repeat top; height: 472px;
}
.nav {
	background: rgb(68, 142, 243); height: 50px;
}
.nav li {float: left;width:125px
}
.nav li a {
	font: bold 15px/50px "Microsoft YaHei"; color: rgb(255, 255, 255);height:50px; width:125px; display:block; text-align:center
}
.nav li a:hover {
	text-decoration: none; background:#03b218;
}
#NavNow{height:50px; width:125px; display:block; text-align:center; background:#03b218;}
.shortcut {
	padding: 10px 0px 15px;
}
.shortcut a {
	display: block;
}
.shortcut a i {
	display: block;
}
.shortcut a {
	margin: 10px; padding: 0px 7px; width: 66px; height: 90px; text-align: center; color: rgb(144, 144, 144); float: left;
}
.shortcut a i {
	width: 66px; height: 66px; background-image: url("icons.gif"); background-repeat: no-repeat;
}
.shortcut a.a i {
	
}
.shortcut a.b i {
	background-position: -66px 0px;
}
.shortcut a.c i {
	background-position: -132px 0px;
}
.shortcut a.d i {
	background-position: 0px -66px;
}
.shortcut a.e i {
	background-position: -66px -66px;
}
.shortcut a.f i {
	background-position: -132px -66px;
}
.weixin {
	background: url("weixin.jpg") no-repeat; height: 150px;
}
.h-case {
	padding: 20px 5px 15px;
}
.h-case dd {
	width: 210px; float: left; margin:0px 5px
}
.h-case dd img {
	display: block;
}
.h-case dd span {
	display: block;
}
.h-case dd img {
	width: 210px; height: 130px;
}
.h-case dd span {
	text-align: center;
}
.curr-path {
	background: url("home.png") no-repeat left; font: 14px/30px "Microsoft YaHei"; height: 30px; color: rgb(149, 149, 149); padding-left: 25px; font-size-adjust: none; font-stretch: normal;
}
.curr-path a {
	color: rgb(102, 102, 102);
}
.curr-path a {
	margin-right: 10px;
}
.curr-path i {
	margin-right: 10px;
}
.curr-path i {
	font-family: SimSun;
}
.sidebar {
	width: 280px;
}
.main {
	background: url("main_top.jpg") no-repeat left top; width: 700px; border-top-color: rgb(228, 141, 143); border-top-width: 1px; border-top-style: solid;
}
.news-item a:hover {
	text-decoration: none;
}
.news-item .caption {
	font: bold 18px/1.5 "Microsoft YaHei"; font-size-adjust: none; font-stretch: normal;
}
.news-item .caption a {
	color: rgb(86, 86, 86);
}
.news-item .caption a:hover {
	color: rgb(0, 136, 16);
}
.news-item .summary {
	margin-top: 15px;
}
.news-item .summary .img {
	width: 250px;
}
.news-item .summary .img img {
	padding: 5px; border: 1px solid rgb(204, 204, 204); width: 220px; height: 150px;
}
.news-item .summary .txt {
	font: 14px/1.6 "Microsoft YaHei"; font-size-adjust: none; font-stretch: normal;
}
.news-item .summary .txt a {
	color: rgb(119, 119, 119);
}
.news-item .summary .txt a:hover {
	color: rgb(85, 85, 85);
}
.news-item .summary .txt .date {
	color: rgb(153, 153, 153); margin-top: 6px;
}
.pager {
	color: rgb(119, 119, 119);
}
.pager a {
	background: rgb(255, 255, 255); margin: 0px 5px; padding: 2px 8px; color: rgb(0, 0, 0); font-size: 12px; text-decoration: none;
}
.pager .cpb {
	background: rgb(255, 255, 255); margin: 0px 5px; padding: 2px 8px; color: rgb(0, 0, 0); font-size: 12px; text-decoration: none;
}
.pager a:hover {
	color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(48, 121, 237);
}
.pager .cpb {
	background: rgb(48, 121, 237); color: rgb(255, 255, 255); font-weight: bold;
}
.article .info {
	color: rgb(153, 153, 153); font-size: 12px;
}
.article .sum {
	background: rgb(242, 242, 242); padding: 15px 20px; line-height: 1.8;
}
.article .sum .icon-sum {
	background: url("summary_bg.jpg") no-repeat; width: 51px; height: 20px; margin-right: 10px; float: left;
}
.article .con {
	font: 14px/1.8 "Microsoft Yahei"; color: rgb(85, 85, 85); font-size-adjust: none; font-stretch: normal;
}
.article .con p {
	text-indent: 2em; margin-top: 10px;
}
.service .serv-item {
	width: 320px; float: left;
}
.service .serv-item img {
	width: 320px; height: 132px;
}
.service .serv-item h2 {
	font: bold 15px/40px "Microsoft YaHei"; color: rgb(0, 136, 204); margin-bottom: 10px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
.service .serv-item li {
	background: url("dot.jpg") no-repeat left; font: 15px/30px "Microsoft YaHei"; padding-left: 15px; font-size-adjust: none; font-stretch: normal;
}
.service .serv-item p {
	text-align: right; margin-top: 10px;
}
.service .serv-item p a {
	font: 15px/30px "Microsoft YaHei"; color: rgb(0, 136, 16); font-size-adjust: none; font-stretch: normal;
}
.apply {
	border: 1px solid rgb(221, 221, 221);
}
.apply .title {
	font: bold 16px/45px "Microsoft YaHei"; padding: 5px 25px 0px; color: rgb(81, 81, 81); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
.apply .form {
	padding: 20px 60px 50px;
}
.apply .form h2 {
	color: rgb(255, 102, 0); margin-bottom: 10px;
}
.apply .form h2 a {
	color: rgb(0, 136, 17); font-weight: bold;
}
.apply .form p {
	line-height: 40px;
}
.message {
	font-size: 14px;
}
.message th {
	padding: 8px 10px;
}
.message td {
	padding: 8px 10px;
}
.message th {
	color: rgb(85, 85, 85);
}
.contact {
	padding: 0px 20px;
}
.contact h2 {
	font: bold 16px/50px "Microsoft YaHei"; font-size-adjust: none; font-stretch: normal;
}
.contact p {
	line-height: 30px;
}
#mapiframe {
	border: 1px solid rgb(204, 204, 204); width: 100%; height: 350px;
}
a.qq {
	background: url("qq.png") no-repeat; height: 22px; color: rgb(255, 255, 255); line-height: 22px; text-indent: 0px; font-family: Arial; font-size: 12px; margin-right: 10px; display: inline-block;
}
a.qq2 {
	background: url("qq.png") no-repeat; height: 22px; color: rgb(255, 255, 255); line-height: 22px; text-indent: 0px; font-family: Arial; font-size: 12px; margin-right: 10px; display: inline-block;
}
a.qq {
	width: 77px; text-align: left; padding-left: 28px;
}
a.qq2 {
	width: 84px; text-align: center; padding-left: 21px;
}
a.qq:hover {
	text-decoration: none;
}
a.qq2:hover {
	text-decoration: none;
}
input.error {
	background: rgb(255, 255, 187); border: 1px solid rgb(255, 51, 0);
}
select.error {
	background: rgb(255, 255, 187); border: 1px solid rgb(255, 51, 0);
}
textarea.error {
	background: rgb(255, 255, 187); border: 1px solid rgb(255, 51, 0);
}
i.error {
	color: rgb(255, 51, 0); margin-left: 10px;
}
.footer {
	padding: 10px 0px 20px; text-align: center; color: rgb(102, 102, 102); font-size: 12px; margin-top: 20px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; background:#575757; color:#fff
}
.footer p {
	line-height: 26px;
}


.cplist {width: 700px; margin:0px auto;}
.cplist ul{ margin:0px; padding:0px}
.cplist ul li { margin:8px; width: 200px;float: left;border: 1px solid #dedede; padding:6px; overflow:hidden; list-style:none}
.cplist ul li img {  width: 200px; height: 150px   width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
height: expression(this.height > 150 ? 150 : auto);
}
.cplist ul li  span { font-weight: normal; color:#000; text-decoration:none; text-align:center; line-height:25px; width:195px; display:block}
